import { createRouter, createWebHashHistory, createWebHistory, RouteRecordRaw } from 'vue-router';
import PageIndex from '@/views/PageIndex.vue'; // 示例首页
import PageLogin from '@/views/PageLogin.vue'; // 示例登录页
import PageTailwind from '@/views/PageTailwind.vue'; // 示例登录页

const routes: Array<RouteRecordRaw> = [
  {
    path: '/',
    name: 'login',
    component: PageLogin,
  },
  {
    path: '/home',
    name: 'home',
    component: PageIndex,
  },
  {
    path: '/test',
    name: 'test',
    component: PageTailwind,
  },
  // {
  //   path: '/about',
  //   name: 'about',
  //   // 使用懒加载提高性能
  //   component: () => import('@/views/AboutView.vue')
  // }
];

const router = createRouter({
  history: createWebHashHistory(import.meta.env.BASE_URL),
  routes,
});

// 路由守卫使用
router.beforeEach((to, from, next) => {
  // 在这里可以添加一些全局的路由守卫逻辑
  // 例如，检查用户是否已经登录，如果未登录则重定向到登录页面
  next();
});

/** 路由参数获取
  <script setup>
  import { useRoute } from 'vue-router'
  const route = useRoute()
  console.log(route.params.id) // /user/123 → 输出 123
  </script>
*/

export default router;
